@extends('edu::layouts.front')
@section('content')
    <div class="container mt-5 pb-5 mb-5 pt-4">

        <div class="card shadow-sm border">
            <div class="card-header bg-white h-100">
                <h5 class="text-secondary mt-2">系统学习</h5>
                <p class="text-secondary">通过系统课程全面掌握一门语言和软件的使用，尤其适合刚入门的新手系统牢固的掌握知识</p>
            </div>
            <div class="card-body">
                <div class="row">
                    @foreach($systems as $system)
                        <div class="col-12 col-md-4 mb-2 system">
                            <a href="{{route('edu.front.system.show',$system)}}">
                                <div class="card">
                                    <img src="{{$system['preview']}}" alt="{{$system['title']}}">
                                    <div
                                        class="card-footer bg-white text-center p-4 text-muted d-flex justify-content-center">
                                        {{$system['title']}}
                                    </div>
                                </div>
                            </a>
                        </div>

                    @endforeach
                </div>

            </div>

        </div>

    </div>
@endsection
